<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="/blog/plugins/jquery-2.1.0.js"></script>
		<script src="/blog/plugins/element-ui/vue.js"></script>
		<script src="/blog/plugins/element-ui/index.js"></script>
		<script src="/blog/plugins/ComUtil.js"></script>
		<link rel="stylesheet" href="../../plugins/element-ui/index.css" / />
		<link rel="stylesheet" type="text/css" href="/blog/plugins/webuploader/webuploader.css">
		<link rel="stylesheet" href="css/uploadFile.css" / />
		<script src="/blog/plugins/webuploader/webuploader.js"></script>
		<script src="/blog/plugins/webuploader/webuploader.min.js"></script>
		<script src="js/uploadFile.js"></script>
		<title>后台首页</title>

		<style>
			html,
			body {
				width: 100%;
				height: 100%;
			}
			
			html,
			body {
				margin: 0;
				padding: 0px;
				height: 100%;
			}
			
			#Upload_Vu {
				height: 100%;
				padding: 10px;
			}
			
			.load_main {
				width: 100%;
				height: calc(100% - 120px);
				display: flex;
			}
			
			.load_btm {
				margin-top: 15px;
				padding: 15px 0px 0px 0px;
				-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
			}
			
			.load_left {
				overflow: auto;
				height: 100%;
				width: 250px;
				-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
			}
			
			.cg_preview {
				padding: 15px;
				height: calc(100% - 30px);
				margin-left: 15px;
				width: calc(100% - 290px);
				-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
			}
			
			#cg_preview_com {
				height: calc(100% - 35px);
				overflow: hidden;
			}
			
			#cg_preview_com img {
				height: 100%;
				widows: 100%;
			}
			
			.lc_lx {
				padding: 10px;
			}
			
			.lc_ly {
				padding: 10px;
			}
			
			.demo-ruleForm {
				display: flex;
			}
			
			.lc_lx_check label {
				display: block;
				margin-top: 10px;
			}
			
			.lc_ly_btn button {
				width: 100%;
				margin-top: 10px;
				display: block;
			}
			
			.lc_ly_btnlis {
				width: 50%;
				margin: auto;
			}
			
			.el-button+.el-button {
				margin-left: 0px;
			}
			
			.lc_lx_checklis {
				margin: auto;
				width: 50%;
				display: block;
			}
			
			.btn_tp {
				display: block;
			}
			
			.webuploader-pick {
				width: 100%;
				background: #409EFF !important;
				padding: 10px 0px 10px 0px !important;
			}
			
			.webuploader-pick:hover {
				background: #c6e2ff !important;
			}
			
			#cg_fileup {
				width: 100%;
				margin-top: 10px;
				display: block;
			}
			
			.webuploader-pick-hover {
				background-color: #66b1ff !important;
			}
			
			#file_vu {
				height: 100%;
			}
		</style>
	</head>

	<body>
		<div id="file_vu">
			<div class="load_main">
				<div class="load_left">
					<div class="lc_lx">
						<div class="lc_lx_hread">
							成果类型：
						</div>
						<div class="lc_lx_check">
							<template>
								<el-radio-group class="lc_lx_checklis" v-model="radio" @change="radioChange">
									<el-radio label="tp">图片</el-radio>
									<el-radio label="bg">表格</el-radio>
									<el-radio label="wb">文本</el-radio>
								</el-radio-group>
							</template>
						</div>
					</div>
					<div class="lc_ly">
						<div class="lc_ly_hread">
							成果来源：
						</div>
						<div class="lc_ly_btn">
							<div class="lc_ly_btnlis">
								<div class=" btn_tp " id="cg_fileup">文件上传</div>
								<!--<el-button type="primary" class="btn_tp" @Click="cg_paste">剪切板</el-button>
								<el-button type="primary" class="btn_tp" @Click="insertYYcg">成果库</el-button>
								
								<el-button type="primary" class="btn_tp" >文件上传</el-button>>
								<el-button type="primary" class="btn_tp" @Click="openSlk">实例库</el-button>
								<el-button type="primary" class="btn_tp" @Click="openBz">规律标准</el-button>-->
							</div>
						</div>
					</div>
				</div>
				<div class="cg_preview">
					<div class="cg_preview_hread">
						成果预览：
					</div>
					<div id="cg_preview_com" contenteditable="true">
					</div>
				</div>
			</div>

			<div class="load_btm">
				<el-form ref="form" class="demo-ruleForm" v-bind:model="form" label-width="100px">
					<el-form-item prop="xm_mc" label="成果名称：" v-bind:label-width="formLabelWidth">
						<el-input size="small" class="input-with-select" v-model="form.cgname">
						</el-input>
					</el-form-item>
					<!--<el-form-item prop="xm_mc" label="所属章节：" v-bind:label-width="formLabelWidth">
						<el-input size="small" class="input-with-select" v-model="form.sszj">
						</el-input>

					</el-form-item>
					<el-form-item label="所属工区：" v-bind:label-width="formLabelWidth">
						<el-input placeholder="" id="mbmc" v-model="form.ssgq" class="input-with-select">
						</el-input>
					</el-form-item>

					<el-form-item label="类别标签：" v-bind:label-width="formLabelWidth">
						<el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
							{{tag}}
						</el-tag>
						<el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small" @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
						</el-input>
						<el-button v-else class="button-new-tag" size="small" @click="showInput">添加标签</el-button>
					</el-form-item>-->

					<el-form-item label="" v-bind:label-width="formLabelWidth">
						<el-button class="btn_tp" @Click="qd">确定</el-button>
					</el-form-item>
				</el-form>
			</div>

			<div class="">

			</div>
		</div>

		<script>
			let upf = new uploadFile();
			upf.pageInit();
		</script>
	</body>

</html>